<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jquery-3.7.1.min.js"></script>
</head>

<body>
    <div id="div1"><span>这是一个div</span></div>
    <input type="text" name="" id="text1">
    <input type="button" value="按一下修改内容" id="button1">
    <div><a href="https://www.baidu.com/index.php?tn=68018901_58_oem_dg" target="_self" id="a1">百度一下</a></div>
    <img src="../html/pic/doge.jpg" alt="" width="500px">
    <input type="button" value="放小图片" id="button2">
    <script>
        $(document).ready(function(){
            let content1=$("#button1").attr("value");
            let content2=$("img").attr("src");
            let content3=$("div a").attr("href");
            console.log(content1);
            console.log(content2);
            console.log(content3);
            $("#button1").click(function(){
                $("#a1").text("demo1.html一下")
                $("#a1").attr("href","./demo1.html")
            })
            $("#button2").click(function(){
                $("img").attr("width","200px")
            })
            
        })

        // $(document).ready(function () {
        //     $("p").text("这是一个text");
        // })
        // let aa = function (x, y) {
        //     console.log(x + y);
        // }
        // console.log(typeof aa);
        // aa(10, 30);


        
        // $(document).ready(function () {
        //     $("#button1").click(function () {
        //         let content1 = $("#div1").text();
        //         let content2 = $("#div1").html();
        //         let content3 = $("#div1").val();
        //         console.log(content1);
        //         console.log(content2);
        //         console.log(content3);
        //         // $("#div1").text("<p>这是修改后的div</p>")
        //         // $("#div1").html("<p>这是修改后的div</p>");
        //         // $("#text1").val("password");
        //     });


        // })
    </script>
</body>

</html>